// 引入 variables.scss 以使用全局变量
@import '@/styles/variables';

.container {
  display: flex;
  flex-direction: column;
  background-color: $bg-gray;
  overflow: hidden;
}

.scrollList {
  height: calc(100vh - 490px);
}

.scrollList646 {
  height: calc(100vh - 626px);
}

.scrollList802 {
  height: calc(100vh - 662px);
}

.activation {
  padding: 16px 24px;
}

.listBox {
  .searchBox {
    padding: 16px 24px;
    background-color: $bg-white;
  }

  .tabsBox {
    position: relative;
    background-color: $bg-gray;
    font-size: $font-size-base;
    color: $title-color;

    .categoryTab {
      display: flex;
      position: absolute;
      right: 0;
      top: -12px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      padding: 24px;
      width: 82px;
      background-color: $bg-white;
      box-shadow: -4px 0 0 0 $shadow-color;
    }

    .childrenTabs {
      padding: 32px 40px;
      font-size: $font-size-base;
      color: $title-color;
    }
  }
}

.listViewCard {
  margin-bottom: 16px;
}

.publish {
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 201;
  width: 112px;
  height: 112px;

  image {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

}